<!DOCTYPE HTML>

<html lang="en">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<head>
<meta charset="UTF-8"> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://www.tovi.cn/public/app/site/lang/zh_CN/js/lang.js"></script><link href="http://www.tovi.cn/public/app/site/statics/css_mini/typical.css" rel="stylesheet" media="screen, projection" /><script src="http://www.tovi.cn/public/app/site/statics/js_mini/moo.min.js"></script><script src="http://www.tovi.cn/public/app/site/statics/js_mini/ui.min.js"></script>	


<link rel="shortcut icon" href="http://www.tovi.cn/public/app/b2c/statics/favicon.ico" type="image/x-icon" />
<link href="http://www.tovi.cn/public/app/b2c/statics/css_mini/basic.min.css" rel="stylesheet" media="screen, projection" /><script src="http://www.tovi.cn/public/app/b2c/lang/zh_CN/js/lang.js"></script>
<script>
var Shop = {"url":{"shipping":"\/cart\/shipping.html","total":"\/cart\/total.html","region":"\/tools\/selRegion.html","payment":"\/cart\/payment.html","purchase_shipping":"\/cart\/purchase_shipping.html","purchase_def_addr":"\/cart\/purchase_def_addr.html","purchase_payment":"\/cart\/purchase_payment.html","get_default_info":"\/cart\/get_default_info.html","diff":"\/product\/diff.html","fav_url":"\/member\/ajax_fav.html","datepicker":"http:\/\/www.tovi.cn\/public\/app\/site\/statics\/js_mini","placeholder":"http:\/\/www.tovi.cn\/public\/app\/b2c\/statics\/images\/imglazyload.gif"},"base_url":"\/"};
</script>

  <script src="http://www.tovi.cn/public/app/b2c/statics/js_mini/shop.min.js"></script>
<link rel="stylesheet" href="http://www.tovi.cn/widgetsproinstance-get_css-tovi-cGFzc3BvcnQuaHRtbA==.html" /><link href="http://www.tovi.cn/themes/tovi/images/max.css" rel="stylesheet" type="text/css" />
<link href="http://www.tovi.cn/themes/tovi/images/member.css" rel="stylesheet" type="text/css" />
<link href="http://www.tovi.cn/themes/tovi/images/passport.css" rel="stylesheet" type="text/css" />
    <link href="http://www.tovi.cn/themes/tovi/images/css/index.css" rel="stylesheet" type="text/css" />
</head><body class="max-passport-page">
<div class="newHeadw">
    <div class="newHead">
    	<div class="newHeadLeft">
            <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=BD340d86d530c884bff092e1b854188a"></script>
<ul>
    <li class="home"><a href="/"><i class="newIcon iconHome"></i>图威首页</a></li>
    <li data-role="index_network_fast" style="cursor: pointer;">网点快选：</li>
    <li data-role="index_network_fast" style="cursor: pointer;"><i class="newIcon iconMap"></i></li>
    <li data-role="index_network_fast" style="cursor: pointer;"><span class="c-red"></span></li>
</ul>
<script type="text/javascript">
window.addEvent('domready',function(){
    $$('[data-role="index_network_fast"]').addEvents({
        'click':function(e){
            e.stop();
            url = '/branch/ajax_show_column.html';
            var dialog = new Dialog(url, {
                title: '网点快速选择',
                width: 1210,
                height: 428,
                modal:true,
                async: 'ajax'
            });
        }
    });
});
</script>        </div>
    	<div class="maxHeadr" style="height:36px">
            <div class="maxTop-right">
                <div class="maxMember">
                  <dl class="shopmax-keys" id="shopmax_keys1785">
	<div id="nologin">未登录</div>
	<div class="web-function hide">
		<dl id="nav" class="function-nav">
			<dd data-id="1" class="cart-logo" id="cart-lo">
				<label style="float:left;">去购物车结算</label><em id="fNav1" class="arrows2 t4l86"></em>
				<span class="cart-number"><em class="op-cart-number">0</em></span>
			</dd>
			<dd data-id="2"><label style="float:left;">浏览记录</label><em id="fNav2" class="arrows2 t4l60"></em></dd>
			<dd class="cart-center" data-id="3"><label style="float:left;">个人中心</label><em id="fNav3" class="arrows2 arr-tive t4l60"></em></dd>
		</dl>
		
		<div class="cart">
			<div class="cart-mini-container">
			</div>
		</div>
		
		<div class="browes">
			<div class="browes-menu">
				<ul class="goods">
				</ul>
			</div>
		</div>
		
		<div class="personal-center  dis-block">
			<div style="width:280px;float:left;padding-top:25px;">
				<dl class="personal-login" id="loginBar_1785" style="width:280px;">
					<dd><a href="/passport/login.html">点击登录</a></dd>
					<dd><a href="/passport/signup.html">免费注册</a></dd>
				</dl>
				<dl class="personal-login hide" id="memberBar_1785" style="width:280px;">
					<dd><a href="/member.html"><span id="uname_1785"></span></a>您好</dd>
					<dd>欢迎回来</dd>
					<dd><a href="/passport/logout.html">退出</a></dd>
				</dl>
			</div>
			<div style="width:80px;float:right;">
			<dl class="personal-nav">
				<dd><a href="/member/orders.html">我的订单</a></dd>
				<dd><a href="/template/tpl_index.html">我的报价</a></dd>
				<dd><a href="/member/coupon.html">我的积分</a></dd>
				<dd><a href="/member/notify.html">到货通知</a></dd>
				<dd><a href="/member.html">个人中心</a></dd>
			</dl>
			</div>
		</div>
	</div>
</dl>

 <script type="text/javascript">
	var e = Cookie.read('UNAME')?Cookie.read('UNAME'):'';
	if(e){
		$("uname_1785").innerHTML = e+"！";
		$("memberBar_1785").removeClass('hide');
		if($("loginBar_1785"))
		$("loginBar_1785").addClass('hide');

		$('nologin').innerText = '已登录';
		$('nologin').addClass('newConsult_member2');
	}
	else{
		$("loginBar_1785").removeClass('hide');
		if($("memberBar_1785"))
		$("memberBar_1785").addClass('hide');

		$('nologin').innerText = '未登录';
		$('nologin').addClass('newConsult_member');
	}
</script>
<script>
	maxkey = $('shopmax_keys1785');
	cart = maxkey.getElement('.cart');
	browes = maxkey.getElement('.browes');
	personal = maxkey.getElement('.personal-center');
	$('shopmax_keys1785').addEvents({
		'mouseenter':function(){
			$$('.web-function').removeClass('hide');
			$('nologin').addClass('to-active');
		},
		'mouseleave':function(){
			$$('.web-function').addClass('hide');
			$('nologin').removeClass('to-active');
		}
	});
	$$('#nav dd').addEvents({
		'mouseenter':function(){
			var navNumber = parseInt($(this).get('data-id'));
			$$('#nav dd').each(function(e){
				$(e).removeClass('active');
				arrows2 = $(e).getElement('.arrows2');
				if(arrows2.hasClass('arrows3')){
					arrows2.removeClass('arrows3');
				}
			});
			$(this).addClass('active');
			$(this).getElement('.arrows2').addClass('arrows3');
			switch(navNumber){
				case 1:
					cart.addClass('dis-block');
					if(browes.hasClass('dis-block')){
						browes.removeClass('dis-block');
					}
					if(personal.hasClass('dis-block')){
						personal.removeClass('dis-block');
					}
					break;
				case 2:
					if(cart.hasClass('dis-block')){
						cart.removeClass('dis-block');
					}
					browes.addClass('dis-block');
					if(personal.hasClass('dis-block')){
						personal.removeClass('dis-block');
					}
					break;
				case 3 :
					if(cart.hasClass('dis-block')){
						cart.removeClass('dis-block');
					}
					if(browes.hasClass('dis-block')){
						browes.removeClass('dis-block');
					}
					personal.addClass('dis-block');
					break;
			}
		}
	});



	/* css 变形 */
	function setCss(selecter, numbers)
	{
		$(selecter).setStyle('transform','rotate(' + numbers + 'deg)');
		$(selecter).setStyle('-ms-transform','rotate(' + numbers + 'deg)');
		$(selecter).setStyle('-moz-transform','rotate(' + numbers + 'deg)');
		$(selecter).setStyle('-webkit-transform','rotate(' + numbers + 'deg)');
		$(selecter).setStyle('-o-transform','rotate(' + numbers + 'deg)');
	}

/* 浏览记录 */
	  withBrowserStore(function(browserStore){
		browserStore.get('history',function(v){

		  v=JSON.decode(v);
		  if(!v||!v.length)return;
		  var html='';

		  var template = '';
		  template += '<li>';
		  template += '<a href="/product/index/{goodsId}.html" target="_blank" title="{goodsName}" ><img src="{goodsImg}" alt="{goodsName}" /></a>'.replace('index-','');
		  template += '<span class="goods-price"><p>{goodsName}</p><a href="/cart/add/goods/{Id}/{goodsId}/1.html" target="_dialog_minicart" class="cart-remove action-addtocart"><span><span></span></span></a></span>';
		  template += '</li>';

		  var max=Math.min(v.length,3);
		  v.each(function(goods,index){
				if(index<max)
				html += template.substitute(goods);
		  });
		  $('shopmax_keys1785').getElement('.browes-menu ul').set('html',html);
    	  miniCart.init();
	  });
	});

/* 购物车 */

window.addEvent('domready',function(){
    updateCartInfo();
    var cartViewUrl='/cart/view.html';
    var MiniCarWidgets={
        init:function(){
            var minicart=this.cart= $('shopmax_keys1785');
            this.detailbox=minicart.getElement('.cart-mini-container');
            this.handle=minicart.getElement('.cart-logo');
            this.attach();
        },
        attach:function(){
            this.handle.addEvents({
                'mouseenter':function(e){
                    if(e&&this.state) return;
                    this.show();

                    this.request({
                        url:cartViewUrl,
                        method:'post',
                        onRequest:function(){
                            this.detailbox.innerHTML='<div class="loading">加载中...</div>';
                        }.bind(this)
                    });
                }.bind(this)
            });
            this.cart.addEvent('_show',function(e){
                this.handle.fireEvent('mouseenter');
            }.bind(this));
        },
        show:function(e){
            //this.cart.addClass('enter');
            this.state=true;
            var self = this;
            this.cart.addEvent('mouseleave',function(){
                self.hide();
                this.removeEvent('mouseleave',arguments.callee);
            });
            return this;
        },
        hide:function(){
            // this.cart.removeClass('enter');
            this.state=false;
        },
        setHeight: function(el) {
            var h = window.getSize().y - this.detailbox.getPosition(document.body).y + window.getScroll().y - this.detailbox.getPatch().y;
            var dh = this.detailbox.getSize().y - this.detailbox.getPatch('padding', 'border').y;
            // if(dh >= h){
            //     this.detailbox.setStyle('height',h);
            // }
            // else this.detailbox.setStyle('height', 'auto');
            return this;
        },
        removeCart:function(el){
            this.request({
                url:el.href,
                data:el.getParent('.goods')
            });
        },
        addEvent:function(){
            var _this=this;
            this.detailbox.getElements('.cart-remove').addEvent('click',function(e){
                e.stop();
                _this.removeCart(this);
            });
        },
        request:function(options){
            options = options || {};
            options.data = (options.data?options.data.toQueryString():'')+'&mini_cart_list=true';
            options = Object.merge({
                method:'post',
                update: this.detailbox,
                onSuccess:function(re){
                    try{
                        updateCartInfo();
                        fixImageSize($$('img[data-img-zoom]'));
                    }catch(e){}
                    this.setHeight().addEvent();
                }.bind(this)
            },options);
            return new Request.HTML(options).send();
        }
    };
    MiniCarWidgets.init();
	$('shopmax_keys1785').getElement('.cart-center').fireEvent('mouseenter');
});
</script>
                </div>
                <div class="newWap">
                    <a href="/wap"><i class="newIcon iconWap"></i>手机图威 <i class="newIcon iconDown"></i></a>
                </div>
            </div>
    	</div>
    </div>
</div>
<div class="clearfix">
    <div class="maxTopw">
        <div class="maxTop">
            <div class="maxLogo">
                <a href="/"><img alt="图威安防平台" src="http://www.tovi.cn/public/images/c2/88/4d/af802c348218b7292db9290a27126711b6504732.jpg" border="0"/></a>            </div>
            <div class="indexTop-center">
                <div class="indexSearch" style="width:390px;">
  <form action="/search/result.html" method="post" class="searchBar_1787" id="searchBar_1787">
    <span class="indexSearch-select" id="finder-keywords-handle" style="float:left;">
      <label>产品</label><img src="/themes/tovi/images/img/arrow-down.png" >
    </span>
    <input type="hidden" name="search_type" value='product'/>
    <input type="text" name="search_keywords" style="float:left;" value="找产品，输入名称试试"  autocompleter="associate_autocomplete_goods:name,goods_id" ac_options="{}" class="inputstyle keywords" x-webkit-speech />
    <div class="btn_search" style="float:left;"><i class="newIcon iconSearch"></i></div>
      <!--<label class="btn_search_label">
  <input type="submit" value="&nbsp;"  class="btn_search" onfocus='this.blur();'/>-->
    </label>
    <div class="indexSearch-drop-menu hide" >
      <ul class="group">
        <li class="item" key="product">产品</li>
        <li class="item" key="network">网点</li>
        <li class="item" key="video">视频</li>
        <li class="item" key="case">案例</li>
        <li class="item" key="scheme">方案</li>
        <li class="item" key="down">下载</li>
        <li class="item" key="technology">技术</li>
      </ul>
    </div>
  </form>

</div>

<script>
(function (){
    var searchbox = $$('.searchBar_1787 .keywords'),label_obj = $$('.indexSearch-select label');

    var searchbox_event = {
        'focus': function() {
            this.set('value', '');
        },
        'blur': function() {
            var label  ='找'+label_obj.get('text')+'，输入名称试试';
           
                this.set('value', label);
        },
        'change': function() {
            this.removeEvents();
        }
    };
    searchbox.addEvents(searchbox_event);
    $$('.indexSearch').addEvents({
        'click:relay(.item)':function(){
            var type = this.get('key'),label = this.get('text');
            $$('.indexSearch input[name=search_type]').set('value',type);
            label_obj.set('text',label);
            $$('.indexSearch input[name=search_keywords]').set('value','找'+label+'，输入名称试试');
            searchbox.removeEvents();
            searchbox.addEvents(searchbox_event);
        },
        'click:relay(.btn_search)':function(e){
            $('searchBar_1787').submit();
        },
        'mouseenter:relay(.indexSearch-drop-menu,.indexSearch-select)': function() {
            $$('.indexSearch-drop-menu').removeClass('hide');
            $$('.indexSearch-select').addClass('selected');
        },
        'mouseleave:relay(.indexSearch-drop-menu,.indexSearch-select)': function() {
            $$('.indexSearch-drop-menu').addClass('hide');
            $$('.indexSearch-select').removeClass('selected');
        },
        'mouseenter:relay(.btn_search)':function(){
            $(this).getElement('i').addClass('hover');
        },
        'mouseleave:relay(.btn_search)':function(){
            $(this).getElement('i').removeClass('hover');
        }
    });


})();</script>
            </div>
            <div class="indexTop-right">
<div class="ad-pic" id="ad_pic_1812">
<img src='http://www.tovi.cn/themes/tovi/images/img/menu-bj-kf.png' alt=""  />
</div>

</div>
            <div style="clear: both;">
                <div style="width:200px;height:30px;float:left;margin-top: -6px;">
                    







<div id="cat_shopmax_vertical_1788" class="indexMenu" >
	<div class="cat-shopmax-head new-nav-product"><img src="http://www.tovi.cn/themes/tovi/images/cart_a.png">商品分类<i class="newIcon iconDown" style="right:40px;"></i></div>
  	<ul class="cat-shopmax-vertical clearfix hide">
  	<div class="cat-children-box index-cat-box" style="top: 0px;display: block;">
  		<div id="SlidesInteractive" class="slide">
		   <div id="SlidesContainer" style="position: relative; overflow: hidden;">
		    <div id="SliderLoading">
		     loading...
		    </div>
		    <div id="Slider" style="position: absolute; left: 0px; top: 0px;">

		    </div>
		    <div class="slider-btn clearfix" style="opacity: 0.85;">
		     <div id="SliderBtn" class="slider-btn-control">
		     </div>
		    </div>
		       </div>
		       <div class="slide-shortcut">
		    <!--<a id="SlidePrev" class="slide-shortcut-prev no-select">&lt;</a>-->
		    <!--<a id="SlideNext" class="slide-shortcut-next no-select">&gt;</a>-->
		       </div>
		</div>
	</div>
    	    <li class="cat-item lv1 first"
				data-catid="1"
				data-typeid="35"
				data-typename="视频监控">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/1.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/1b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/1b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/1a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">视频监控</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="11"
				data-typeid="36"
				data-typename="防盗报警">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/11.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/2b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/2b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/2a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">防盗报警</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="135"
				data-typeid="37"
				data-typename="门禁考勤">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/135.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/3b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/3b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/3a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">门禁考勤</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="136"
				data-typeid="25"
				data-typename="楼宇对讲">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/136.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/4b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/4b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/4a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">楼宇对讲</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="234"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/234.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/5b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/5b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/5a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">停车管理</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="235"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/235.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/6b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/6b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/6a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">智能家居</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="236"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/236.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/13b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/13b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/13a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">大屏显示</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="137"
				data-typeid="29"
				data-typename="公共广播">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/137.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/7b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/7b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/7a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">公共广播</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="138"
				data-typeid="34"
				data-typename="防雷设备">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/138.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/8b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/8b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/8a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">防雷设备</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="237"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/237.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/14b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/14b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/14a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">程控电话</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 "
				data-catid="238"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/238.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/11b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/11b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/11a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">机房工程</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
    	    <li class="cat-item lv1 last"
				data-catid="239"
				data-typeid="1"
				data-typename="通用商品类型">
	      <div class="cat-root-box"> <a class="depth-1" href="/gallery/239.html" target="_blank"> 
	      <img class="cat_icon" src="http://www.tovi.cn/themes/tovi/images/menu-bj/12b.png" icon1="http://www.tovi.cn/themes/tovi/images/menu-bj/12b.png" icon2="http://www.tovi.cn/themes/tovi/images/menu-bj/12a.png" style="float: left;margin: 5px 15px 5px 0;">
	       <span class="cat_lv1_name_class">电脑网络</span> </a> </div><div class="cat-children-box">	        <div class="cat-link">
	        	        </div>
	         </div>
			
			<div class="cat-children-box-flex">&nbsp;</div>
			
			 
		</li>
      </ul>
</div>
<script type="text/javascript">

	addEvent('domready',function(){
		if(typeof(is_index) != "undefined"){
			$$('#cat_shopmax_vertical_1788').set('data-hide','1');
			$$('.cat-shopmax-vertical').removeClass('hide');
	        $$('.cat-shopmax-head').addClass('cat-shopmax-head-hover');
	        $$('.cat-shopmax-head img').set('src','http://www.tovi.cn/themes/tovi/images/cart.png');
		}else{
			$$('.index-cat-box').hide();
		}

	    new Request({
	        url:'/gallery/get_vertical_html.html',
	        method:'post',
	        onComplete:function(data){
	        	var data = eval("("+data+")");
	        	data.each(function(obj,key){
	        		// console.log($$('.new-nav-product [data-catid="'+obj.key+'"]').getChildren('.cat-children'));
	        		$$('.cat-shopmax-vertical [data-catid="'+obj.key+'"] .cat-children').set('html',$$('.cat-shopmax-vertical [data-catid="'+obj.key+'"] .cat-children').get('html')+obj.value);
	        	});
	        },
	        data:'widgets_id=1788'
	    }).send();
		//var _t = $time();	

		var container = $('cat_shopmax_vertical_1788');
		var catchildren = container.getElements('li.lv1');

				var containerParentNode = container.parentNode;
		      while(containerParentNode!=document.body){

		      	$(containerParentNode).setStyle('overflow','visible');


		      	containerParentNode = containerParentNode.parentNode;
		      }
		var containerPos = container.getPosition([window]);
		var mousEenterTimer = 0,mouseLeaveTimer = 0;
		
		catchildren.each(function(item){

		             			item.addEvents({
				'mouseenter':function(){
					clearTimeout(mousEenterTimer);
					clearTimeout(this.retrieve('mouseLeaveTimer'));
					mousEenterTimer =(function(){
						this.addClass('mouseenter-cat');
						this.getElement('.cat_icon').set('src',this.getElement('.cat_icon').get('icon2'));
	                	$$('.index-cat-box').hide();

						

							/*var brandMaxH =  item.retrieve('brandMaxH');
							var brandItems = item.getElements('.cat-link-brand-item');
							if(!brandMaxH){
								brandItems.each(function(brand){
									brandMaxH = Math.max(brandMaxH,brand.getSize().y);
								});
							}
							if(brandItems&&brandItems.length)
							brandItems.setStyles({height:brandMaxH,overflow:'hidden'});*/
							var brandMaxH =  item.retrieve('brandMaxH');
							var brandItems = item.getElements('.cat-children,.cat-link');
							if(!brandMaxH){
								brandItems.each(function(brand){
									brandMaxH = Math.max(brandMaxH,brand.getSize().y);
								});
							}
							if(brandItems&&brandItems.length)
							brandItems.setStyles({overflow:'hidden'});
						


						var _pos1 = window.getScrollTop() - containerPos.y;
						var _pos2 =this.retrieve('_pos2');
						if(!_pos2)_pos2 =  this.getPosition().y+this.getSize().y;
						ccbEl.setStyle('top',_pos1>0?_pos1:0);
						var _pos3 = ccbEl.getPosition().y+ccbEl.getSize().y;
						var _limit = _pos3 - _pos2;
						var flexDeviate = 4;
						if(_limit<0){
							ccbEl.setStyle('top',ccbEl.getStyle('top').toInt()+Math.abs(_limit));
							flexDeviate = (-flexDeviate);
						}
						
						var ccbElCIS = ccbEl.getCoordinates(container);
						      delete(ccbElCIS['right']);delete(ccbElCIS['bottom']);
						this.getElement('.cat-children-box-flex').setStyles(Object.append(ccbElCIS,{
							top:ccbElCIS.top+flexDeviate,
							left:ccbElCIS.left+(Math.abs(flexDeviate))
						}));
						




					}).delay(200,this);
				},
				'mouseleave':function(){
					clearTimeout(mousEenterTimer);
					this.store('mouseLeaveTimer',
						mouseLeaveTimer =  this.removeClass.delay(150,this,['mouseenter-cat'])
						);
					this.getElement('.cat_icon').set('src',this.getElement('.cat_icon').get('icon1'));
				}
			});
						var ccbEl = item.getElement('div.cat-children-box');
			
			
			var catLv1ID =item.get('data-catid');
			var dls = container.getElements('dl[data-catpid='+catLv1ID+']');
			var ccEl  = new Element('div.cat-children').inject(ccbEl,'top').adopt(dls);
			var dls_length = dls.length;
			if(dls&&dls_length>1){
				dls[0].addClass('first');
				dls[dls_length-1].addClass('last');
			}else{
				return;
			}

				
			

		});

		
		container.getElements('.lv2 dd').each(function(item){
			var catLv2ID = item.getParent('.lv2').get('data-catid');
			item.adopt(container.getElements('a[data-catpid='+catLv2ID+']'));
		});
		


		//console.info($time()-_t);
        $$('.maxTop').addEvents({
			'mouseenter:relay(#cat_shopmax_vertical_1788)': function(theEvent) {
	                this.set('data-hide','1');
	                $$('.cat-shopmax-vertical').removeClass('hide');
	                $$('.cat-shopmax-head').addClass('cat-shopmax-head-hover');
	                $$('.cat-shopmax-head img').set('src','http://www.tovi.cn/themes/tovi/images/cart.png');
                    if ($(theEvent.relatedTarget).get('class')=='cat_lv1_name_class') {  //如果是子元素
                        return;   //结束函式
                    }

                    if ($(theEvent.relatedTarget).get('class')=='cat_icon') {  //如果是子元素
                        return;   //结束函式
                    }

                    if ($(theEvent.relatedTarget).get('class')=='depth-1') {  //如果是子元素
                        return;   //结束函式
                    }
                	$$('.index-cat-box').show();
	            },
            'mouseleave:relay(#cat_shopmax_vertical_1788)': function(theEvent) {

                if (theEvent){
                    theEvent.preventDefault();
                    if (Browser.firefox ){  //如果是Firefox
                        if ($(theEvent.relatedTarget).id=='proudct-all') {  //如果是子元素
                            return;   //结束函式
                        }
                    }
                    if (!Browser.firefox){  //如果是IE
                        if ($(event.toElement).id=='proudct-all') {  //如果是子元素
                            return;  //结束函式
                        }
                    }

                    if ($(theEvent.relatedTarget).get('class')=='cat_lv1_name_class') {  //如果是子元素
                        return;   //结束函式
                    }

                    if ($(theEvent.relatedTarget).get('class')=='cat_icon') {  //如果是子元素
                        return;   //结束函式
                    }

                    if ($(theEvent.relatedTarget).get('class')=='depth-1') {  //如果是子元素
                        return;   //结束函式
                    }

					if(typeof(is_index) == "undefined"){
	                	$$('.cat-shopmax-vertical').addClass('hide');
		                $$('.cat-shopmax-head').removeClass('cat-shopmax-head-hover');
		                $$('.cat-shopmax-head img').set('src','http://www.tovi.cn/themes/tovi/images/cart_a.png');
	                }
                	$$('.index-cat-box').show();
	                return;
                }
            }
        });

	});//end domready

</script>

<script type="text/javascript">
//var xxxy = catchildren[catchildren.lengh];
		//alert(xxxy.offsetWidth);
		//catShadow.setStyle('height',xxxy.offsetTop+36+'px');
</script>

<script>
var config = [{"id":"1449212804092","imgUrl":"http:\/\/www.tovi.cn\/index-play-2.jpg","link":"\/"},{"id":"1449212804592","imgUrl":"http:\/\/www.tovi.cn\/index-play-3.jpg","link":"\/"},{"id":"1449212805135","imgUrl":"http:\/\/www.tovi.cn\/index-play-5.jpg","link":"\/"}];
window.addEvent('domready',function(){
        var i = new SlideTrans("SlidesContainer", "Slider", config.length, {
            Vertical: false,
            Duration: 25,
            Pause: 3000,
            Auto:true,
            slideBtn: "SliderBtn",
            bgInteractive: "SlidesInteractive",
            width: 1014,
            height: 374,
//            prevBtn: "SlidePrev",
//            nextBtn: "SlideNext",
            items: config
        });
        i.Run();
        window.addEvent("resize",function() {
            i.resizeHandler()
        });
});
</script>                </div>
                <div class="indexMenu">
                    <ul class="MenuList clearfix" id="MenuList_1789">
    <li data-key="0"><a href="http://www.tovi.cn">首页</a></li>
            <li data-key="1">
                        <a href="/branch/" >网点</a>
                    </li>
                <li data-key="2">
                        <a href="/videolist/" >视频</a>
                    </li>
                <li data-key="3">
                        <a href="/case/" >案例</a>
                    </li>
                <li data-key="4">
                        <a href="/scheme/" >方案<i class="newIcon iconDown"></i></a>
                    </li>
                <li data-key="5">
                        <a class="nourl">服务<i class="newIcon iconDown"></i></a>
                    </li>
                <li data-key="6">
                        <a href="/member.html" > 会员</a>
                    </li>
        </ul>
<script>
    window.addEvent('domready', function() {
        new Request({
            url:'/gallery/get_index_nav_html.html',
            method:'post',
            onComplete:function(data){
                $$('#MenuList_1789').getParent().set('html',$$('#MenuList_1789').getParent().get('html')+data);
            },
            data:'widgets_id=1789'
        }).send();
        $$('.indexMenu').addEvents({
            'mouseenter:relay(.MenuList li)': function(){
                var _key = $(this).get('data-key');
                if(_key==0)return false;
                $(this).addClass('hover');
                $(this).getParent().getElement('i').removeClass('iconUp');
                if($(this).getElement('i')){
                    $(this).getElement('i').addClass('iconUp');
                }
                $$('.MenuList_DownList[data-key="'+_key+'"]').setStyle('display','block');
            },
            'mouseleave:relay(.MenuList li)':function(){
                var _key = $(this).get('data-key');
                if(_key==0)return false;
                $$('.MenuList_DownList[data-key="'+_key+'"]').hide();
                $(this).removeClass('hover');
                if($(this).getElement('i')){
                    $(this).getElement('i').removeClass('iconUp');
                }
            }
        });
        $$('.indexMenu').addEvents({
            'mouseenter:relay(.MenuList_DownList)':function(){
                var _key = $(this).get('data-key');
                var _li = $$('.MenuList li[data-key="'+_key+'"]');
                _li.addClass('hover');
                console.log(_li.getElement('i').get('data-icon1'));
                _li.getElement('i').setStyle('background-position',_li.getElement('i').get('data-icon1'));
                $$(this).setStyle('display','block');
                $$('.MenuList li[data-key="'+_key+'"]').addClass('iconUp');
                $$('.MenuList li[data-key="'+_key+'"]').getElement('i').addClass('iconUp');
            },
            'mouseleave:relay(.MenuList_DownList)':function(){
                var _key = $(this).get('data-key');
                var _li = $$('.MenuList li[data-key="'+_key+'"]');
                _li.removeClass('hover');
                
                _li.getElement('i').setStyle('background-position',_li.getElement('i').get('data-icon2'));
                $$(this).hide();
            },
            'mouseenter:relay(.item)': function(){
                $(this).addClass('hover');
                $(this).getElement('i').setStyle('background-position',$(this).getElement('i').get('data-icon1'));
            },
            'mouseleave:relay(.item)':function(){
                $(this).removeClass('hover');
                $(this).getElement('i').setStyle('background-position',$(this).getElement('i').get('data-icon2'));
            }
        });
    });
</script>
                </div>
            </div>
        </div>
    </div>
</div><div class="maxwInw">
<div class="maxwIn">
<!-- <div class="signin-page-wrap clearfix" >
  
  </div> -->
<div class="maxlogw">
<div class="maxlogn">
<div class="signin-page-wrap clearfix">
  <div id="page_signin" class="signupin-content signin">
  <div class="sign-title">
    <h2>欢迎登录图威安防</h2>
  </div>

  <form action="/passport/post_login.html" method="post">
  <ul>
    <li class="form-item">
      <label for="" class="form-label">登录帐号：</label><span class="form-act"><input class="x-input action-account-check" type="text" class="action-account-check" name="uname" id="dom_el_1547df0" value="" placeholder="用户名/邮箱地址/手机号" vtype="required" data-caution="请填写登录帐号" autofocus="autofocus" /></span></li>
    <li class="form-item"><label for="" class="form-label">密码：</label><span class="form-act"><input class="x-input" type="password" name="password" id="dom_el_1547df1" placeholder="填写密码" vtype="required" data-caution="请填写密码" oncontextmenu="return false;" onpaste="return false;" /></span></li>
    <li class="form-item action-verifycode hide">
      <label for="" class="form-label">验证码：</label>
      <span class="form-act">
        <input class="x-input verify-input" type="text" name="verifycode" class="verify-input" placeholder="填写验证码" data-caution="请正确填写验证码" id="dom_el_1547df2" maxlength="4" autocomplete="off" vtype="required&&alphaint" /> <img src="/index/gen_vcode/b2c/4.html" alt="验证码" title="点击更换验证码" class="verify-code auto-change-verify-handle"> <a href="/index/gen_vcode/b2c/4.html" class="verify-code auto-change-verify-handle">看不清楚?换一个</a>      </span>
    </li>
    <li class="form-item action-need-verify" style="display:none;">
      <label for="" class="form-label">验证码：</label>
      <span class="form-act">
        <input class="x-input verify-input" type="text" name="mobileVcode" id="dom_el_1547df3" placeholder="填写验证码" class="verify-input" /> <a href="/passport/send_vcode_sms.html" class="btn btn-caution action-get-verifycode"><span><span>获取短信验证码</span></span></a>
      </span>
    </li>
    <li class="form-item">
      <label for="" class="form-label"></label>
      <span class="form-act">
        <input type="checkbox" name="is_remember" id="for_remember" class="x-check action-remember-account" checked="checked">
        <label for="for_remember" class="form-sub-label">记住帐号</label>
        <input type="checkbox" name="site_autologin" id="for_auto_signin" class="x-check action-auto-signin">
        <label for="for_auto_signin" class="form-sub-label">两周内自动登录</label>
      </span>
    </li>
    <li class="form-item-normal">
      <label for="" class="form-label"></label>
      <span class="form-act">
        <button type="submit" class="btn btn-major btn-big" rel="_request"><span><span>登　录</span></span></button>        <a href="/passport/lost.html">忘记密码？</a>
      </span>
    </li>
  </ul>
</form>

  <div class="need-signup clearfix">
    <h3>还没有账户？那就注册一个吧！</h3>
    <a href="/passport/signup.html" class="btn btn-simple"><span><span>免费注册</span></span></a>
  </div>
</div>

<script>
Module = new Module('page', ['signin']);
var modname = 'page.signin';
var showVcode = 0;
</script>
</div>
</div>
</div>
<script>
var Query = {
    send: function(url, element, data, fn){
        new Request({
            url: url,
            link: 'cancel',
            onSuccess: function(rs) {
                var tips = element.retrieve('tips_instance', new formTips({
                    target: element,
                    where: 'after',
                    single: true,
                    store: true,
                    autohide: false,
                    destroy: true
                })).hide();
                if(rs) {
                    try{
                        rs = JSON.decode(rs);
                    } catch (e) {}
                    if(rs.error) {
                        if(typeof rs.error === 'string') tips.show(rs.error, {type: 'error'});
                    }
                    else {
                        if(typeof rs.success === 'string') tips.show(rs.success, {type: 'success',autohide:3});
                    }
                    fn&&fn.call(this, rs);
                }
            }
        }).post(data);
    }
};
function redirect(url) {
    if(url) top.location.href = url;
}
function sendVerify(el, data) {
    var url = el.href;
    var textCont = el.getElement('span span');
    el.addClass('disabled');
    textCont.innerHTML = el.get('text') + '(<i>0</i>)';
    var cd = new countdown(textCont.getElement('i'), {
        start: 120,
        secondOnly: true,
        callback: function(e) {
            el.removeClass('disabled');
            textCont.innerHTML = '重发验证码';
        }
    });
    Query.send(url, el, data, function(rs) {
        if(rs.error) {
            cd.stop();
            el.removeClass('disabled');
            textCont.innerHTML = '重发验证码';
        }
    });
}

Module.get(modname).getElement('button[type=submit]').store('_ajax_config', {
    progress:function(rs){
        if(rs.error) {
            if (showVcode || rs.data && rs.data.needVcode) {
                Module.element(modname, '.action-verifycode').removeClass('hide');
                changeCode(Module.element(modname, 'img.auto-change-verify-handle'));
            }
            return top.Message.error(rs.error,function(){
                redirect(rs.redirect);
            });
        }
        if(rs.success) return top.Message.success(rs.success + '<br><b>系统即将跳转到登录前页面</b>', function(){
            redirect(rs.redirect);
        });
        redirect(rs.redirect);
    }
});

Module.get(modname).addEvents({
    'change:relay(.action-account-check)': function(e) {
        if(validatorMap.mobile[1](this, this.value)) {
            Query.send('/passport/login_ajax_account.html', this, this.name + '=' + this.value, function(rs){
                if(rs.needVerify === 'true') {
                    Module.element(modname, '.action-need-verify').style.display = '';
                    if(showVcode) {
                        Module.element(modname, '.action-verifycode').style.display = 'none';
                    }
                }
            });
        }
        else {
            Module.element(modname, '.action-need-verify').style.display = 'none';
            if(showVcode) {
                Module.element(modname, '.action-verifycode').style.display = '';
            }
        }
    },
    'click:relay(.action-get-verifycode)': function(e) {
        e.preventDefault();
        var el = Module.element(modname, '.action-account-check');
        if(this.hasClass('disabled')) return false;
        sendVerify(this, el.name + '=' + el.value + '&type=activation');
    }
});

</script>
</div>
</div>
<div class="footer_new">
            	<div class="maxAllwrap">
		<div class="footer_new-l">
			
<div class="ad-pic" id="ad_pic_1795">
    <a href="http://www.tovi.cn" target="_blank">
		<img src='http://www.tovi.cn/themes/tovi/images/img/footer_logo.png' alt="图威安防" width='140'height='46' />
	</a>
</div>

			<p class="footer-24">图威安防平台</p>
			<a href="http://www.tovi.cn">www.tovi.cn</a>
		</div>
		<div class="footer_new-c">
			<div class="maxArticle "> 
  
      <div class="maxTitle clearfix">
      <p><a href="/" rel="nofollow"><span>新手上路</span></a></p>
    </div>
    

 <ul class="news-list maxContent clearfix">
  </ul>


   </div>
<div class="maxArticle "> 
  
      <div class="maxTitle clearfix">
      <p><a href="/" rel="nofollow"><span>购物指南</span></a></p>
    </div>
    

 <ul class="news-list maxContent clearfix">
  </ul>


   </div>
<div class="maxArticle "> 
  
      <div class="maxTitle clearfix">
      <p><a href="/" rel="nofollow"><span>支付/配送</span></a></p>
    </div>
    

 <ul class="news-list maxContent clearfix">
  </ul>


   </div>
<div class="maxArticle "> 
  
      <div class="maxTitle clearfix">
      <p><a href="/" rel="nofollow"><span>购物条款</span></a></p>
    </div>
    

 <ul class="news-list maxContent clearfix">
  </ul>


   </div>
<div style="font-size:14px; font-family:Microsoft Yahei;"><script type="text/javascript" src="http://www.tovi.cn/themes/tovi/images/footer.js"></script></div>		</div>
		<div class="footer_new-r">
			<script>
var Shop = window['Shop'] || {"url":{"shipping":"\/cart\/shipping.html","total":"\/cart\/total.html","region":"\/tools\/selRegion.html","payment":"\/cart\/payment.html","purchase_shipping":"\/cart\/purchase_shipping.html","purchase_def_addr":"\/cart\/purchase_def_addr.html","purchase_payment":"\/cart\/purchase_payment.html","get_default_info":"\/cart\/get_default_info.html","diff":"\/product\/diff.html","fav_url":"\/member\/ajax_fav.html","datepicker":"http:\/\/www.tovi.cn\/public\/app\/site\/statics\/js_mini","placeholder":"http:\/\/www.tovi.cn\/public\/app\/b2c\/statics\/images\/imglazyload.gif"},"base_url":"\/"};
window.addEvent('domready',function(){
    var __time_out = 1000;
    if (Shop.set != undefined&&Shop.set.refer_timeout) __time_out = Shop.set.refer_timeout;
    var ReferObj ={};
    Object.append(ReferObj,{
        serverTime:1760004493,
        init:function(){
            var FIRST_REFER=Memory.get('first_refer');
            var NOW_REFER=Memory.get('now_refer');
            var nowDate=this.time=this.serverTime*1000;
            if(!window.location.href.test('#r-')&&!document.referrer||document.referrer.test(document.domain))return;
            if(window.location.href.test('#r-')) Memory.clean('n');
            if(!FIRST_REFER){

                if(NOW_REFER){
                    Memory.set('first_refer',NOW_REFER,this.getTimeOut(JSON.decode(NOW_REFER).DATE));
                }else{
                    this.setRefer('first_refer',__time_out);
                }
            }
            this.setRefer('now_refer',__time_out);
            this.createGUID();
        },
        getUid:function(){
            var lf=window.location.href,pos=lf.indexOf('#r-');
            return pos!=-1?lf.substr(pos+4):'';
        },
        getRefer:function(){
            return document.referrer?document.referrer:'';
        },
        setRefer:function(referName,timeout){
            var uid=this.getUid(),referrer=this.getRefer();
            var data={'ID':uid,'REFER':referrer,'DATE':this.time};

            if('now_refer'==referName){
                var refer=JSON.decode(Memory.get('first_refer'));
                if(uid!=''&&refer&&refer.ID==''){
                    var fdata={'ID':uid,'REFER':refer.REFER,'DATE':refer.DATE};
                    Memory.set('first_refer',JSON.encode(fdata),this.getTimeOut(refer.DATE));
                }else if(uid==''){
                    Object.append(data,{'ID':refer.ID});
                }
            }
            Memory.set(referName,JSON.encode(data),__time_out||15);
        },
        getTimeOut:function(nowDate){
            var timeout=nowDate+__time_out*24*3600*1000;
            var date=new Date(timeout);
            return date;
        },
        createGUID:function(){
            var GUID = (function(){
                var S4=function(){
                    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
                };
                return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4()).toUpperCase();
            })();
            Memory.set('n',GUID,3650);
        }
    });
    ReferObj.init();
});


miniCart = {
    'show':function(target){
        target = $(target);
        if (!target) return;

        if(this.dialog){
            this.hide();
        }

        var options = {
                body: 'popup-body',
                header: 'popup-header',
                close: 'popup-btn-close',
                content:'popup-content',
                title:'正在加入购物车',
                main:'<div class="loading">loading...</div>'
            }, dialog = this.dialog = new Element('div#mini_cart_dialog.popup-container.mini-cart-dialog',{
                'html': $('popup_template').get('html').substitute(options),
                styles:{
                    display:'block',
                    zIndex: maxZindex('div', 1)
                }
            }).inject(document.body);

        this.title = dialog.getElement('.popup-header h2');
        this.close = dialog.getElements('.popup-btn-close');
        this.content = dialog.getElement('.popup-content');
        this.dialog.addEvent('click:relay(.popup-btn-close)',this.hide.bind(this));

        var setSize = this.setSize = function(){
            if(!dialog.isDisplayed()) return;
            dialog.setStyles({
                top:target.getPosition().y+target.getSize().y,
                left:target.getPosition().x.limit(0,window.getSize().x-dialog.getSize().x) + window.getScroll().x
            });
        };

        setSize();
        window.addEvent('resize',setSize);
    },
    'hide':function(){
        try{
            this.dialog.destroy();
            window.removeEvent('resize',this.setSize);
        }catch(e){}
    },
    'load':function(options){
        options = options || {};
        options = Object.merge({
            method: 'post',
            onRequest: function(){
                miniCart.show(options.target);
            },
            onSuccess: function(re){
                if(re) {
                    this.title.innerHTML = '提醒';
                    this.content.innerHTML = re;
                }

                updateCartInfo();
                
                if(document.getElement('.minicart_box')&&document.getElement('.minicart_box').get('show_gallery')){
                    document.getElement('.minicart_box').fireEvent('_show'); //迷你购物车
                }
                options.callback && options.callback(re);
            }.bind(this),
            onFailure: function(xhr){
                this.title.innerHTML = '提醒';
                this.content.innerHTML = '<div class="minicart-error"><p align="center">加入购物车失败。<br />可能库存不足或提交信息不完整。</p></div>';
            }.bind(this)
        },options||{});
        if(!options.url) return false;

        new Request(options).send(options.data ? options.data.toQueryString() + '&mini_cart=true' : 'mini_cart=true');
    },
    init:function(target, url, data){
        var linktocart;
        if(typeOf(target) == 'element') linktocart = target.getElements('[target=_dialog_minicart]');
        else if(typeOf(target) == 'elements') linktocart = target;
        else linktocart = $$('a[target=_dialog_minicart], button[target=_dialog_minicart]');
        if(linktocart.length){
            linktocart.addEvent('click',function(e){
                e.preventDefault();
                miniCart.load({url: url || this.href, data: data || this.getParent('.goods-item') || this.getParent('li'), target: this});
            });
        }
    }
};

formToCart = function(container,target) {
    container = $(container || document.body);
    target = target || '.action-addtocart';
    if(!container) return;

    var formtocart = container.getElement('form[target=_dialog_minicart]') || container.getFirst().getParent('form[target=_dialog_minicart]');
    if(formtocart) {
        formtocart.addEvent('submit', function(e){
            e.stop();
            target = this.getElement(target) || this.getElement('*[type=submit]');
            miniCart.load({
                url:this.action,
                method:this.method,
                data:this,
                target: target,
                callback: function() {
                    target.removeClass('disabled');
                }.bind(this)
            });
        });
    };
}

window.addEvent('domready',function(){
    miniCart.init();
    formToCart();
});
</script>

<script id="popup_template" type="text/template">
  <div class="{body}">
     <div class="{header} clearfix">
        <h2>{title}</h2>
        <span><button type="button" title="关闭" class="{close}" hidefocus><i>×</i></button></span>
    </div>
    <div class="{content} clearfix">{main}</div>
  </div>
</script>
<script id="message_template" type="text/template">
  <div class="{body} clearfix">
    <div class="icon">{icon}</div>
    <div class="{content}">{main}</div>
  </div>
</script>
<script id="dropmenu_template" type="text/template">
  <div class="{body}">
    <div class="{content} clearfix">{main}</div>
  </div>
</script>
<p> </p>
 <div style="font-size: 16px; color: rgb(71, 71, 71); font-family: Microsoft Yahei; margin: 10px 0px 0px 46px; line-height: 24px; "> <p>广州市图威信息技术服务有限公司</p>
 <p>© 2001-2025&nbsp; 版权所有 &nbsp; 图威安防平台</p>
 <p>Tovi Security Ltd. All Rights Reserved.</p>
 <p>客服：<font color="#ff0000"><strong>4008-233-110&nbsp;</strong></font> &nbsp; 020-38392778</p>
 <p>广州市黄埔区科学大道48号绿地E栋13层</p>
 <p>合作伙伴：<a href="http://www.tovi.cn/brand/hikvision.html" itle="海康威视官网" target="_blank">海康</a>&nbsp;
<a href="http://www.tovi.cn/brand/ezviz.html" title="萤石云官网" target="_blank">萤石</a>&nbsp;
<a href="http://www.tovi.cn/brand/dahua.html" title="大华官网" target="_blank">大华</a>&nbsp;
<a href="http://www.tovi.cn/brand/aleph.html" title="艾礼富官网" target="_blank">艾礼富</a></p>
<img src="http://www.tovi.cn/themes/tovi/images/img/two-dimensional.png">
</div>		</div>

	</div>
	
<div id="siderIMchat_shopmax" >
	<div class="siderIMchat_handle"></div>
	<div class="siderIMchat_hiddenbar_shopmax">
		<div class="siderIMchat_main_shopmax" >
			<div class="top">客服中心</div>
			<ul class="clearfix">
						<li><span></span>
									  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=58551175&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:58551175:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
							<i>8:30-18:30</i>
			</li>
						<li class="infobox"><span>服务热线</span><i>4008-233110</i></li>
			</ul>
		</div>
	</div>
	<div class="detail-content-handle hide">
	</div>
	<div class="sideGotop"><a href="javascript:void(null)">&nbsp;</a></div>
</div>
            <div class='friend-link'>
                <div class="maxAllwrap">
                    
                </div>
            </div>
        </div>
</body>
<script type="text/javascript" src="http://www.tovi.cn/themes/tovi/images/js/max.js"></script>
<script type="text/javascript" src="http://www.tovi.cn/themes/tovi/images/maxLZ.js"></script>
<script type="text/javascript" src="http://www.tovi.cn/themes/tovi/images/js/index.js"></script>
</html>